.build-result-dialog {
  .#{$teamix-prefix}dialog-body {
    overflow-y: auto;
    max-height: calc(100vh - 180px) !important;
  }
  .dependency-build-issue {
    overflow: hidden;
  }
}
.builds-result-tag {
  display: inline-block;
  margin: 0 12px 0 0;
}

.build-header {
  display: flex;
  align-items: center;
  &-trigger-msg {
    color: $gray-06;
    font-size: 14px;
  }
  &-tail-trigger-msg {
    color: $gray-06;
    font-size: 14px;
    margin-left: auto;
  }
  .builds-result-tag {
    flex: none;
    height: 28px;
    padding: 4px 8px;
    .#{$teamix-prefix}tag-body {
      font-size: 12px;
      line-height: 16px;
    }
    img {
      height: 20px;
      width: auto;
      vertical-align: middle;
      border-radius: 50%;
    }
  }
}
.build-summary {
  display: flex;
  padding: 14px 0;
  margin: 16px 0;
  border: 1px solid #e5e5e5;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  &-total {
    width: 218px;
    border-right: 1px solid #e8e8e8;
    text-align: center;
    display: flex;
    flex-flow: column;
    justify-content: space-around;
    &-title {
      line-height: 24px;
      font-size: 16px;
      color: #262626;
      margin-bottom: 8px;
    }
    &-cnt-card {
      cursor: default;
      text-align: left;
      margin: 0 auto;
      max-width: 215px;
      overflow: hidden;
    }
    &-cnt {
      line-height: 20px;
      font-size: 12px;
      color: $gray-06;
    }
  }
  &-whitelist {
    width: 320px;
    &-details {
      text-align: left;
      overflow: auto;
      max-height: 350px;
    }
    &-item {
      text-align: left;
      line-height: 20px;
      font-size: 14px;
      word-break: break-all;
      padding-top: 6px;
      padding-bottom: 6px;
    }
    &-icon {
      cursor: pointer;
      color: #1b9aee;
      margin-left: 4px;
    }
  }
  &-detail {
    display: flex;
    justify-content: space-around;
    flex: auto;
  }
  &-item {
    text-align: center;
    padding: 8px 16px 2px;
    border-radius: 4px;
    cursor: pointer;
    &.active,
    &:hover {
      background: $gray-01;
      .build-summary-item-cnt {
        color: $primary-brand;
      }
    }
    &-title {
      line-height: 20px;
      font-size: 14px;
      color: $gray-06;
    }
    &-cnt {
      line-height: 24px;
      font-size: 16px;
      color: #595959;
      margin-bottom: 8px;
    }
  }
}

.build-result-dialog-title {
  position: relative;
  text-align: center;
  .go-list {
    position: absolute;
    right: 30px;
    top: 2px;
  }
}
